<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <title></title>
    <link type="text/css" rel="stylesheet" href="/res/css/login.css" />
    <script type="text/javascript" src="/res/js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var height=$(document).height();
            $('body').css('height',height);
            var mart=height-500;
            mart = mart/2;
            $('.loginBox').css('marginTop',mart);
        })
    </script>
</head>

<body>
<div class="loginBox">
    <h1>欢迎登陆</h1>
    <div class="item">
        <div class="icon"><img src="../../res/img/icon1.png" /></div>
        <div class="txt"><input name="" type="text" placeholder="请输入您的用户名"/></div>
    </div>
    <div class="item">
        <div class="icon"><img src="../../res/img/icon2.png" /></div>
        <div class="txt"><input name="" type="password" placeholder="请输入您的密码"/></div>
    </div>
    <div class="item_2">
        <input name="" type="checkbox" value="" />
        <span>记住密码</span>
    </div>
    <div class="item_3">
        <input name="" type="submit" value="安全登录" class="btn"/>
    </div>
    <div class="item_4">
        还没有账号？<a href="register.html">立即注册</a>
    </div>
</div>
</body>
</html>